<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>新闻列表</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_tongzhigglist.css" />
    <style>
        .news_list{
    margin: 14px 14px 10px 14px;
    overflow: hidden;
}
.news_item{
    background: #fff;
    border-radius: 10px;
    padding: 20px 14px 20px 14px;
    width: 100%;
    /* padding-top: 10px;
    padding-bottom: 20px; */
    margin-bottom: 14px;
    overflow: hidden;
}
.news_mian{
    width: 60%;
}
.news_msg_name{
    line-height: 1rem;
}
.news_msg_detail{
    margin-top: 5px;
    line-height: 1rem;
    font-size: 0.7rem;
    color: #999;
}
.news_pic{
    width: 112px;
    height: 68px;
    overflow: hidden;

}
.news_pic img{
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
}

.header_img img {
    width: 100%;
    border-radius: 3px;
    height: 7rem;
}
.lft{
    float: left;
}
.rgt{
    float: right;
}
.ellip-2{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
    </style>
</head>

<body>
  <!-- v-cloak -->
    <div id="app"  >
      <div class="aui-content">
        <div class="news_list">
            <div class="news_item" v-on:click="open_news(item)" v-for="(item,index) in list" v-if="list.length>0">
                <div class="news_mian lft">
                    <div class="news_msg_name">{{item.title}}</div>
                    <div class="news_msg_detail ellip-2">{{item.summary}}</div>
                </div>
                <div class="news_pic rgt"><img v-bind:src="item.picture"></div>
            </div>
        </div>
      </div>
      <div id="noorder" v-if="list.length==0&&!is_searching" class="nodata">
        <img class="nodata_pic" src="../image/nodata.png"/>
        <h5><br />暂无相关内容</h5>
      </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/dl_newslist.js"></script>
</html>
